<template>
  <div class="box">
    <h1>Provide与Inject{{ car }}</h1>
    <child></child>
  </div>
</template>

<script setup lang="ts">
import child from "./child.vue";
import { ref, provide } from "vue";
let car = ref("法拉利");
// 两个参数：第一个参数就是提供的数据key
// 第二个参数：祖先组件提供数
provide("TOKEN", car);
</script>
<style scoped lang="less">
.box {
  width: 100vw;
  height: 600px;
  background: skyblue;
}
</style>